const directive={
    bind(el,binding){
        function documentClickHandler(e){
          // String类型有一个方法：contains（）,该方法是判断字符串中是否有子字符串,返回值Boolean
          /**内部点击 
           * el使用指令的标签，t.target点击的标签
          */
          if(el.contains(e.target)){
            return false;
          }
          /**在外部点击
           * 判断指令是否绑定的有函数 */
          if(binding.expression){
            /**触发指令绑定函数，binding.value相当于触发handleClose */
            binding.value(e);
          }
        }
          el.__vueClickOutside__ = documentClickHandler;
          document.addEventListener('click',documentClickHandler);
      },
      unbind(el,binding){
        document.removeEventListener('click',el.__vueClickOutside__);
        delete el.__vueClickOutside__;
      }
}

export default directive